<template>
    <div class="main">
     
     <el-breadcrumb>
     <el-breadcrumb-item class="line">{{ $route.meta.title }}</el-breadcrumb-item>
    </el-breadcrumb>
    <router-view></router-view>
    </div>
</template>
<script setup lang="ts">
import { useRoute } from 'vue-router';
const $route = useRoute();
</script>

<style scoped>
.el-breadcrumb{
    height: 10px;
    padding: 23px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba( 0, 0, 0, 0.1);
}
.line{
    border-left: 3px solid #31c14b;
    padding-left: 10px;
}
</style>